<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
	<title>目录</title>
	<meta name="decorator" content="default"/>
	<%@include file="/WEB-INF/views/include/treeview.jsp" %>
	<style type="text/css">
		.ztree {overflow:auto;margin:0;_margin-top:10px;padding:10px 0 0 10px;}
	</style>
</head>
<body>
<sys:message content="${message}"/>
<div id="content" class="row-fluid">
    <%--左树--%>
	<div id="left" class="accordion-group">
		<div class="accordion-heading">
			<a class="accordion-toggle">目录<i class="icon-refresh pull-right" onclick="refreshTree();"></i></a>
		</div>
		<div id="ztree" class="ztree"></div>
	</div>
	<div id="openClose" class="close">&nbsp;</div>
    <%--右表--%>
	<div id="right">
		<iframe id="bookContent" src="${ctx}/base/book/baseBook/list" width="100%" height="91%" frameborder="0"></iframe>
	</div>
</div>
<script type="text/javascript">
    var setting = {data:{simpleData:{enable:true,idKey:"id",pIdKey:"pId",rootPId:'0'}},
        callback:{onClick:function(event, treeId, treeNode){
                var id = treeNode.id == '0' ? '' :treeNode.id;
                if (treeNode.pId == '0'){
                    $('#bookContent').attr("src","${ctx}/base/book/baseBook/findBook?bookCatalogP.id="+id);
				}else {
                    $('#bookContent').attr("src","${ctx}/base/book/baseBook/findBook?bookCatalog.id="+id);
                }
            }
        }
    };

    function refreshTree(){
        $.getJSON("${ctx}/base/catalog/baseCatalog/treeData",function(data){
            $.fn.zTree.init($("#ztree"), setting, data).expandAll(true);
        });
    }
    refreshTree();

    var leftWidth = 180; // 左侧窗口大小
    var htmlObj = $("html"), mainObj = $("#main");
    var frameObj = $("#left, #openClose, #right, #right iframe");
    function wSize(){
        var strs = getWindowSize().toString().split(",");
        htmlObj.css({"overflow-x":"hidden", "overflow-y":"hidden"});
        mainObj.css("width","auto");
        frameObj.height(strs[0] - 5);
        var leftWidth = ($("#left").width() < 0 ? 0 : $("#left").width());
        $("#right").width($("#content").width()- leftWidth - $("#openClose").width() -5);
        $(".ztree").width(leftWidth - 10).height(frameObj.height() - 46);
    }
</script>
<script src="${ctxStatic}/common/wsize.min.js" type="text/javascript"></script>
</body>
</html>